<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // var str = "<div>我是{{name}}</div>";
        // var pattern = /{{([a-zA-Z]+)}}/;

        // var patternResult = pattern.exec(str);
        // console.log(patternResult);

        // str = str.replace(patternResult[0], patternResult[1]);
        // console.log(str);
    </script>

    <!-- 字符串的多次replace操作 -->
    <script>
        // var str = '<div>{{name}}今年{{age}}岁了</div>';
        // var pattern = /{{\s*([a-zA-z]+)\s*}}/;

        // // 第一次匹配
        // var res1 = pattern.exec(str);
        // // console.log(res1);
        // str = str.replace(res1[0], res1[1]);
        // console.log(res1);

        // // 第二次匹配
        // var res2 = pattern.exec(str);
        // str = str.replace(res2[0], res2[1]);
        // console.log(str);

        // // 第三次匹配
        // var res3 = pattern.exec(str)
        // console.log(res3); //null
    </script>

    <!-- 使用while循环执行replace操作 -->
    <script>
        var str = '<div>{{name}}今年{{age}}岁了</div>';
        var pattern = /{{\s*([a-zA-z]+)\s*}}/;

        var patternResult = null;
        while (patternResult = pattern.exec(str)) {
            str = str.replace(patternResult[0], patternResult[1]);
        };
        console.log(str);
    </script>
</body>

</html>